import { count, log } from "node:console";
import { url } from "node:inspector";
import { title } from "node:process";
import React, { Component, Ref } from "react";
// 研究一下鼠标怎么改图标
interface iState {
  count: number;
}
interface iProps {
  title: string;
}

class Child extends Component<iProps, iState> {
  state = {
    count: 0,
  };

  render() {
    return (
      <div>
        <h1>{this.props.title}</h1>

      </div>
    )
  }
}





export default class App extends Component {
  render() {
    return (
      <div>
        <h1>祖先组件</h1>
        <hr />
        <Child title="子组件" />
      

      </div>
    );
  }
}
